<html>
<head>
</head>
<body>
<table><tr><td style="height:50px;border:1px solid black;">
	<span><a href="#" id="a">Themes</a></span> 
	<span style="vertical-align: middle;">Link and text shifts when it is focussed<br> </span>
	<span> </span>
</td></tr></table>
<script type="text/javascript">
document.documentElement.offsetHeight;
document.getElementById("a").style.outline = "1px solid black";
document.documentElement.offsetHeight;
document.getElementById("a").style.outline = "";
</script>
</body>
</html>
